<template>
	<div class="container">
		<div class="row">
			<div class="col-md-8 col-md-offset-2">
				<div class="panel panel-default">
					<div class="panel-heading"><h4>{{post.title}}</h4></div>

					<div class="bs-callout bs-callout-danger">
						<p>{{ post.body }}</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
    export default {
        mounted() {
            axios.get('/api/posts/'+this.$route.params.id).then(response =>{
                this.post = response.data;
            }).catch(error=>{
                console.log(error);
            })
        },
        data(){
            return {
                post:{}
            }
        }
    }
</script>
